
#body_wrapper{
  //display: inline-block;
  max-width: 100%;
}

#page_header{
  border: 2px solid black;
  padding: 10px;
  margin: 5px;
  text-align: center;
  background-color: green;
  border-radius: 15px;
/*  display: -webkit-box;
  -webkit-transition: -webkit-transform 1s;*/
}
#page_header:hover{
/*  -webkit-transform: rotate(360deg);*/
background-color: darkgreen;
}

#right_panel_text{
  font: italic 15px Verdana;
  padding-left: 10px;
  padding-bottom: 10px;
}

#maintext{
  width:70%;
  border: 2px solid black;
  word-wrap: break-word;
  float: left;
  background-color: #CCFFFF;
 
}

.maintext{
    background-color: yellow;    
}

#rightpanel
{
  width:28%; 
  border:2px solid #000000;
  float:right;
  background-color:#FFD39B;
  margin: 0 auto;
  border-radius: 15px;
  position: fixed;
  left: 71%;
  overflow-y:scroll; 
}

#annotation_panel_header{
  font: bold 20px Tahoma;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background-color: orange;
  border-radius: 15px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

#annotationpanel
{
  width:85%; 
  border:1px solid #000000;
  font: 15px Arial;
  word-wrap:break-word;
  margin-left: 10px;
  background-color:#F0FFF0;
  clear: both;
  float:left;
  min-height: 70px;
  margin-bottom: 10px;
}
#annotationpanel:hover{
  background-color: lightgrey;
}

#votepanel
{
  width:10%; 
  word-wrap:break-word;
  float:right;
  margin-top: 2px;
}

#current_vote{
  font: bold Gothic;
}

#current_vote:hover{
  color: red
}

.text_line{
clear: both;
}

#annotation_property{
  clear:both;
  float:left;
  padding-left: 10px;
  padding-bottom: 10px;
  font: 12px italic Times;
}

#up {
  width: 55px;
  height: 45px;
  border: 2px; 
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; 
}

#down {
  width: 55px;
  height: 45px;
  margin: 10;
  padding: 0;
  border: 0;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; 
}

footer{
  clear: both;
  font: 10px Tahoma;
  text-align: center;
  display: block;
  padding-top: 10px;
}


#page_header ul {
    height: auto;
    padding: 8px 0px;
    margin: 0px;
}


#page_header li { 
display: inline; 
padding: 20px; 
}


#page_header a {
    text-decoration: none;
    color: #E5E4E2;
    padding: 8px 8px 8px 8px;
}
#page_header a:hover {
    color: #F90;
    background-color:#ffffff;
}


.black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: absolute;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
        border: 16px solid orange;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }
    #result
    {
      color:red;
    }